<!DOCTYPE html>
<html>
  <head>
    <title>Blue Moon - Responsive Admin Dashboard</title>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0"> 
    <meta name="description" content="Blue Moon - Responsive Admin Dashboard" />
    <meta name="keywords" content="Notifications, Admin, Dashboard, Bootstrap3, Sass, transform, CSS3, HTML5, Web design, UI Design, Responsive Dashboard, Responsive Admin, Admin Theme, Best Admin UI, Bootstrap Theme, Wrapbootstrap, Bootstrap, bootstrap.gallery" />
    <meta name="author" content="Bootstrap Gallery" />
    <link rel="shortcut icon" href="img/favicon.ico">
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link href="css/wysi/bootstrap-wysihtml5.css" rel="stylesheet">

    <link href="css/new.css" rel="stylesheet">
    <link href="css/divys.css">


    <!--biaog-->
    <link href="css/jquery.treetable.theme.default.css" rel="stylesheet"
          9.    type="text/css" />
    <link href="css/jquery.treetable.css" rel="stylesheet" type="text/css" />
    <!-- Important. For Theming change primary-color variable in main.css  -->

    <!-- Color Picker -->
    <link rel="stylesheet" href="css/color-picker/jquery.minicolors.css">

    <link href="fonts/font-awesome.min.css" rel="stylesheet">



    <!--sdadssssssssssssssss-->
    <script src="layer/jquery.min.js"></script>
    <script src="layer/layer.js"></script>
    <link href="layer/bootstrap.css">


    <!-- HTML5 shiv and Respond.js IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
      <script src="js/html5shiv.js"></script>
      <script src="js/respond.min.js"></script>
    <script >
      var arrays=
    </script>
    <![endif]-->
  </head>

  <body>

    <!-- Header Start -->
    <header>
      <a href="index.html" class="logo">
        <img src="img/asdasdasdasdasdasdasdasdsds.png" alt="Logo"/>
      </a>
      <div class="pull-right">
        <ul id="mini-nav" class="clearfix">
          <li class="list-box hidden-xs">
            <a href="" data-toggle="modal" data-target="#modalMd">
              <span class="text-white">Code</span> <i class="fa fa-code"></i>
            </a>
            <!-- Modal -->
            <div class="modal fade" id="modalMd" tabindex="-1" role="dialog" aria-labelledby="myModalLabel5" aria-hidden="true">
              <div class="modal-dialog">
                <div class="modal-content">
                  <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                    <h4 class="modal-title text-danger" id="myModalLabel5">Coding Style </h4>
                  </div>
                  <div class="modal-body">
                    <img src="img/documentation.png" alt="Esquare Admin">
                  </div>
                  <div class="modal-footer">
                    <button type="button" class="btn btn-danger" data-dismiss="modal"><i class="fa fa-times"></i> Close</button>
                  </div>
                </div>
              </div>
            </div>
          </li>
          <li class="list-box dropdown">
            <a id="drop5" href="#" role="button" class="dropdown-toggle" data-toggle="dropdown">
              <i class="fa fa-film"></i>
            </a>
            <span class="info-label info-bg">9+</span>
            <ul class="dropdown-menu stats-widget clearfix">
              <li>
                <h5 class="text-success">$37895</h5>
                <p>Revenue <span class="text-success">+2%</span></p>
                <div class="progress progress-mini">
                  <div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style="width: 40%">
                    <span class="sr-only">40% Complete (success)</span>
                  </div>
                </div>
              </li>
              <li>
                <h5 class="text-warning">47,892</h5>
                <p>Downloads <span class="text-warning">+39%</span></p>
                <div class="progress progress-mini">
                  <div class="progress-bar progress-bar-warning" role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style="width: 40%">
                    <span class="sr-only">40% Complete (warning)</span>
                  </div>
                </div>
              </li>
              <li>
                <h5 class="text-danger">28214</h5>
                <p>Uploads <span class="text-danger">-7%</span></p>
                <div class="progress progress-mini">
                  <div class="progress-bar progress-bar-danger" role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style="width: 40%">
                    <span class="sr-only">40% Complete (danger)</span>
                  </div>
                </div>
              </li>
            </ul>
          </li>
          <li class="list-box dropdown">
            <a id="drop5" href="#" role="button" class="dropdown-toggle" data-toggle="dropdown">
              <i class="fa fa-calendar"></i>
            </a>
            <span class="info-label success-bg">6</span>
            <ul class="dropdown-menu server-activity">
              <li>
                <p><i class="fa fa-flag text-info"></i> Pending request<span class="time">3 hrs</span></p>
              </li>
              <li>
                <p><i class="fa fa-fire text-warning"></i> Server Crashed<span class="time">3mins</span></p>
              </li>
              <li>
                <p><i class="fa fa-user text-success"></i> 3 New users<span class="time">1 min</span></p>
              </li>
              <li>
                <p><i class="fa fa-bell text-danger"></i>9 pending requests<span class="time">5 min</span></p>
              </li>
              <li>
                <p><i class="fa fa-plane text-info"></i> Performance<span class="time">25 min</span></p>
              </li>
              <li>
                <p><i class="fa fa-envelope text-warning"></i>12 new emails<span class="time">25 min</span></p>
              </li>
              <li>
                <p><i class="fa fa-cog icon-spin text-success"></i> Location settings<span class="time">4 hrs</span></p>
              </li>
            </ul>
          </li>
          <li class="list-box user-profile">
            <a id="drop7" href="#" role="button" class="dropdown-toggle user-avtar" data-toggle="dropdown">
              <img src="img/user5.png" alt="Bluemoon User">
            </a>
            <ul class="dropdown-menu server-activity">
              <li>
                <p><i class="fa fa-cog text-info"></i> Account Settings</p>
              </li>
              <li>
                <p><i class="fa fa-fire text-warning"></i> Payment Details</p>
              </li>
              <li>
                <div class="demo-btn-group clearfix">
                  <a href="#" data-original-title="" title="">
                    <i class="fa fa-facebook fa-lg icon-rounded info-bg"></i>
                  </a>
                  <a href="#" data-original-title="" title="">
                    <i class="fa fa-twitter fa-lg icon-rounded twitter-bg"></i>
                  </a>
                  <a href="#" data-original-title="" title="">
                    <i class="fa fa-linkedin fa-lg icon-rounded linkedin-bg"></i>
                  </a>
                  <a href="#" data-original-title="" title="">
                    <i class="fa fa-pinterest fa-lg icon-rounded danger-bg"></i>
                  </a>
                  <a href="#" data-original-title="" title="">
                    <i class="fa fa-google-plus fa-lg icon-rounded success-bg"></i>
                  </a>
                </div>
              </li>
              <li>
                <div class="demo-btn-group clearfix">
                  <button href="#" class="btn btn-danger">
                    Logout
                  </button>
                </div>
              </li>
            </ul>
          </li>
        </ul>
      </div>
    </header>
    <!-- Header End -->

    <!-- Main Container start -->
    <div class="dashboard-container">

      <div class="container">
        <!-- Top Nav Start -->
        <div id='cssmenu'>
          <ul>
            <li>
              <a href='index.html'>
                <i class="fa fa-dashboard"></i>
                主页
              </a>
            </li>
            <li class=''>
              <a href='#'><i class="fa fa-bar-chart-o"></i>项目准备</a>
              <ul>
                <li><a href='forms.html'>项目概况</a></li>
                <li><a href='ys3.html'>房源生成</a></li>
                <li><a href='vector-maps.html'>房间管理</a></li>
                <li><a href='vector-maps.html'>标准价管理</a></li>
                <li><a href='vector-maps.html'>付款方式定义</a></li>
                <li><a href='vector-maps.html'>折扣管理</a></li>
                <li><a href='vector-maps.html'>打印设置</a></li>
              </ul>
            </li>
            <li class=''>
              <a href='#'><i class="fa fa-align-justify"></i>市场营销</a>
              <ul>
                 <li><a href='flot.html'>Flot Graphs</a></li>
                 <li><a href='graphs.html'>Google Graph</a></li>
                 <li><a href='vector-maps.html'>Vector Maps</a></li>
              </ul>
            </li>
            <li class=''>
              <a href='#'><i class="fa fa-flask"></i>客户跟进</a>
              <ul>
                 <li><a href='ui-elements.html'>ss</a></li>
                 <li><a href='panels.html'>Panels</a></li>
                 <li><a href='notifications.html'>Notifications</a></li>
                 <li><a href='icons.html'>Icons</a></li>
              </ul>
            </li>
            <li class=''>
              <a href='#'><i class="fa fa-dashboard"></i>交易管理</a>
              <ul>
                <li><a href='#'>Blog</a>
                  <ul>
                    <li><a href='blog.html'>Blog</a></li>
                    <li><a href='blog-full-page.html'>Blog Full Page</a></li>
                  </ul>
                </li>
                <li><a href='edit-profile.html'>Edit Profile</a></li>
                <li><a href='invoice.html'>Invoice</a></li>
                <li><a href='default.html'>default</a></li>
                <li><a href='#'>Submenu</a>
                  <ul>
                    <li><a href='#'>Sub Product</a></li>
                    <li><a href='#'>Sub Product</a></li>
                    <li><a href='#'>Sub Product</a></li>
                  </ul>
                </li>
                <li><a href='login.html'>Login</a></li>
                <li><a href='help.html'>Help</a></li>
                <li><a href='404.html'>404</a></li>
                <li><a href='500.html'>500</a></li>
              </ul>
            </li>
            <li class=''>
              <a href='#'><i class="fa fa-table"></i>售后服务</a>
              <ul>
                 <li><a href='tables.html'>Tables</a></li>
                 <li><a href='pricing.html'>Pricing Plan</a></li>
                 <li><a href='timeline.html'>Timeline</a></li>
              </ul>
            </li>
            <li>
              <a href="media.html">
                <i class="fa fa-picture-o"></i>
                售后服务
              </a>
            </li>
            <li class="hidden-sm">
              <a href="calendar.html">
                <i class="fa fa-calendar"></i>
                  asdasd
              </a>
            </li>
            <li class="hidden-sm">
              <a href="typography.html">
                <i class="fa fa-font"></i>
                财务管理
              </a>
            </li>
          </ul>
        </div>
        <!-- Top Nav End -->

        <!-- Sub Nav End -->
        <div class="sub-nav hidden-sm hidden-xs">
          <ul>
            <li><a href="" class="heading">Forms</a></li>
            <li class="hidden-sm hidden-xs">
              <a href="#color-picker">Color Picker</a>
            </li>
            <li class="hidden-sm hidden-xs">
              <a href="#create-account">Create Account</a>
            </li>
            <li class="hidden-sm hidden-xs">
              <a href="#inputs">Inputs</a>
            </li>
          </ul>
          <div class="custom-search hidden-sm hidden-xs">
            <input type="text" class="search-query" placeholder="Search here ...">
            <i class="fa fa-search"></i>
          </div>
        </div>
        <!-- Sub Nav End -->

        <!-- Dashboard Wrapper Start -->
        <div class="dashboard-wrapper">

          <div class="row">
            <div class="col-lg-12 col-md-12">
              <div class="widget">
                <div class="widget-header">
                  <div class="title">
                    房间列表<a id="dynamic-tables"></a>
                  </div>
                </div>
                <div class="widget-body">
                  <div id="dt_example" class="example_alt_pagination">
                    <div class="align-center">
                    <div class="row">
                      <div class="col-xs-2">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<strong>项目简称</strong></div>
                      <div class="col-xs-2"><strong>开盘日期</strong></div>
                      <div class="col-xs-2"><strong>封盘日期</strong></div>
                      <div class="col-xs-2"><strong>项目状态</strong></div>
                      <div class="col-xs-2"><strong>项目描述</strong></div>
                      <div class="col-xs-2"><strong>基本资料</strong></div>
                    </div>

                    <!-- 身体部分 -->
                    </div>
                    <div class="align-center">
                      <div class="row">
                        <div class="col-xs-2">&nbsp;<a  href="javascript:void(0);" class="minus" onclick="showHide(this,'items_1');"><span class="glyphicon glyphicon-chevron-down" style="color: #0E99C1">广州公司</span></a></div>
                      </div>
                    </div>

                    <div class="align-center" id="items_1" style="display: none"  >
                      <div class="row">
                        <div class="col-xs-2">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;1</div>
                        <div class="col-xs-2">&nbsp;&nbsp;2</div>
                        <div class="col-xs-2">&nbsp;&nbsp;3</div>
                        <div class="col-xs-2">&nbsp;&nbsp;4</div>
                        <div class="col-xs-2">&nbsp;&nbsp;5</div>
                        <div class="col-xs-2"><a class="parentIframe">查看资料</a></div>
                      </div>
                      <div class="row">
                        <div class="col-xs-2">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;1</div>
                        <div class="col-xs-2">&nbsp;&nbsp;2</div>
                        <div class="col-xs-2">&nbsp;&nbsp;3</div>
                        <div class="col-xs-2">&nbsp;&nbsp;4</div>
                        <div class="col-xs-2">&nbsp;&nbsp;5</div>
                        <div class="col-xs-2"><a class="parentIframe">查看资料</a></div>
                      </div>
                    </div>


                    <div class="align-center">
                      <div class="row">
                        <div class="col-xs-2">&nbsp;<a  href="javascript:void(0);" class="minus" onclick="showHide(this,'items_2');"><span class="glyphicon glyphicon-chevron-down" style="color: #0E99C1">广州公司</span></a></div>
                      </div>
                    </div>

                    <div class="align-center" id="items_2" style="display: none" >
                      <div class="row">
                        <div class="col-xs-2">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;1</div>
                        <div class="col-xs-2">&nbsp;&nbsp;2</div>
                        <div class="col-xs-2">&nbsp;&nbsp;3</div>
                        <div class="col-xs-2">&nbsp;&nbsp;4</div>
                        <div class="col-xs-2">&nbsp;&nbsp;5</div>
                        <div class="col-xs-2"><a class="parentIframe">查看资料</a></div>
                      </div>
                    </div>

                    <div class="align-center">
                      <div class="row">
                        <div class="col-xs-2">&nbsp;<a  href="javascript:void(0);" class="minus" onclick="showHide(this,'items_3');"><span class="glyphicon glyphicon-chevron-down" style="color: #0E99C1">广州公司</span></a></div>
                      </div>
                    </div>

                    <div class="align-center" id="items_3" style="display: none" >
                      <div class="row">
                        <div class="col-xs-2">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;1</div>
                        <div class="col-xs-2">&nbsp;&nbsp;2</div>
                        <div class="col-xs-2">&nbsp;&nbsp;3</div>
                        <div class="col-xs-2">&nbsp;&nbsp;4</div>
                        <div class="col-xs-2">&nbsp;&nbsp;5</div>
                        <div class="col-xs-2"><a class="parentIframe">查看资料</a></div>
                      </div>
                    </div>

                </div>
              </div>
            </div>
          </div>

        </div>

      </div>

        <!-- Dashboard Wrapper End -->

        <footer>
          <p>© BlueMoon 2013-14</p>
        </footer>

      </div>
    </div>
    <!-- Main Container end -->

    <script src="js/wysi/wysihtml5-0.3.0.min.js"></script>
    <script src="js/jquery.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/wysi/bootstrap3-wysihtml5.js"></script>
    <script src="js/jquery.scrollUp.js"></script>

    <!-- Color Picker -->
    <script src="js/color-picker/jquery.minicolors.js"></script>

    <!-- Custom JS -->
    <script src="js/menu.js"></script>


    <!--jjsaa-->
    <script src="js/jquery.treetable.js"></script>


    <script>
        $("#example-advanced").treetable({
            expandable : true
        });
    </script>

    <script type="text/javascript">
      //ScrollUp
      $(function () {
        $.scrollUp({
          scrollName: 'scrollUp', // Element ID
          topDistance: '300', // Distance from top before showing element (px)
          topSpeed: 300, // Speed back to top (ms)
          animation: 'fade', // Fade, slide, none
          animationInSpeed: 400, // Animation in speed (ms)
          animationOutSpeed: 400, // Animation out speed (ms)
          scrollText: 'Top', // Text for element
          activeOverlay: false, // Set CSS color to display scrollUp active point, e.g '#00FFFF'
        });
      });

      //Tooltip
      $('a').tooltip('hide');

      //Popover
      $('.popover-pop').popover('hide');

      //Dropdown
      $('.dropdown-toggle').dropdown();

      //wysihtml5
      $('.textarea').wysihtml5();

      //Color Pickers
      $(document).ready( function() {

        $('.demo').each( function() {
          $(this).minicolors({
            control: $(this).attr('data-control') || 'hue',
            defaultValue: $(this).attr('data-defaultValue') || '',
            inline: $(this).attr('data-inline') === 'true',
            letterCase: $(this).attr('data-letterCase') || 'lowercase',
            opacity: $(this).attr('data-opacity'),
            position: $(this).attr('data-position')|| 'bottom left',
            change: function(hex, opacity) {
              if( !hex ) return;
              if( opacity ) hex += ', ' + opacity;
              try {
                console.log(hex);
              } catch(e) {}
            },
            theme: 'bootstrap'
          });

        });

      });
      //ASDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDD
      $('.parentIframe').on('click', function(){
          layer.open({
              type: 2,
              skin: 'layui-layer-lan',
              title: '基本资料',
              fix: false,
              shadeClose: true,
              maxmin: true,
              area: ['1000px', '560px'],
              content: 'yes.html',
          });
      });

      //隐藏效果

      function getObject(objectId){
          if(document.getElementById && document.getElementById(objectId)){
              return document.getElementById(objectId);
          }else if(document.all && document.all(objectId)){
              return document.all(objectId);
          }else if(document.layers && document.layers[objectId]){
              return document.layers[objectId];
          }else{
              return false;
          }
      }

      function showHide(e,objname){
          var obj = getObject(objname);
          if(obj.style.display == "none"){
              obj.style.display = "block";
              e.className="minus";
          }else{
              obj.style.display = "none";
              e.className="plus";
          }
      }

    </script>

  </body>
</html>